window.onload=function(){
    //当前的方法，只有在onload事件发生后才能运行
    //根据html中的id属性来获取第一个元素
     //div1=document.getElementById("div1");
      //span1=document.getElementById("name");
     // document.getElementsByName("username");
     // document.bady.setAttribute('bgColor','red');
     
     /*var num=0;
     div1.onclick=function(){
         if(num%2==0){*/
    /* div1.style.height='200px';
     div1.style.width='300px';
     div1.style.fontsize='100px';
     div1.innerHTML="大";
     div1.style.backgroundColor='red';
     div1.style.cssFloat='right';*/
     /*div1.classList.remove('green','big','left');
     div1.classList.add('red','small','right');
     }else{*/
       /* div1.style.width='200px';
        div1.style.height='300px';
        div1.style.fontsize='50px';
        div1.innerHTML="小";
        div1.style.backgroundColor='#0f0';
        div1.style.cssFloat='left';*/
        var tabTitles=document.querySelectorAll('li.tab-title');
        var tabTitles=document.querySelectorAll('li.tab-content');
        for(let j=0;i<tabTitles.length;i++){
            tabTitles[i].onmouseover=function(){
                for(let j=0;j<tabTitles.length;j++){
                    if(tabTitles[j]==this){
                        tabTitles[j].classList.add('active');
                        tabContents[j].classList.add('show');

                    }else{
                        tabTitles[j].classList.remove('active');
                        tabContents[j].classList.remove('show');
                    }
                }
            }

        }
        
     }
     
    
